/*
	[Destoon B2B System] Copyright (c) 2008-2013 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
*{word-break:break-all;font-family:"Microsoft Yahei",Verdana,Arial;-webkit-text-size-adjust:none;}
body{background:white;color:#000000;font-size:12px;margin:0px;height:100%;}
html{height:100%;}
input,textarea,select,button,td{font-size:12px;}
img{border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form,h2 {margin:0px;padding:0px;}
a:link,a:visited,a:active{text-decoration:none;color:#000000;}
a:hover{color:#006699;text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#006699;}
a.t:hover{text-decoration:underline;}
.bg{background:#FAFAFA;}
.r{border-bottom:#D3DBE7 1px solid;height:24px;}
.r span{color:#BBBBBB;}
.d{line-height:180%;border-bottom:#D3DBE7 1px solid;border-right:#D3DBE7 1px solid;}
.tab_nav{width:8px;}

input[type="text"]:focus {border-color: #09c; outline: none; box-shadow: 0 0 10px #09c; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}

.menu{height:38px;overflow:hidden;background:none;-moz-user-select:none;}
.menu div{background:url('tool.gif') no-repeat bottom right;width:110px;height:37px;}
.tab,.tab_on { height: 37px; line-height: 37px; background: #F2F6F8;border: solid 1px #d3dbde;border-top: none;letter-spacing: 2px;box-shadow: 0 -5px 50px #666;}
.tab a:link, .tab a:visited, .tab a:active { font-size: 14px; color: #000; padding-left: 25px; padding-right: 25px; font-family: "Microsoft Yahei"; }
.tab_on a:link, .tab_on a:visited, .tab_on a:active { font-size: 14px; color: #000; padding-left: 25px; padding-right: 25px; font-family: "Microsoft Yahei"; }
.tab_on a,.tab_on a:hover { height: 34px;line-height: 37px;border-top: 3px solid #66C9F3; display: block; background: white; font-weight: bold; }

.tt { background: #F1F8FE; margin-bottom: 5px; font-weight: bold; font-size: 14px; border-bottom: solid 3px #09C; bottom: -1px; padding: 0 3px; height: 30px; line-height: 30px; color: #333333; font-family: "Microsoft Yahei"; text-indent: 1em; }
.tl, .tb tr, .tb td { background: none; border-bottom: 1px solid #F9F9F9; line-height: 30px; height: 30px; font-size: 13px; }
.tl { background: #F0F2F7; color: #006699; width: 150px; padding-left: 10px; }
.tb{background:white;width:100%;}
.tb th{background:url('bg.gif') repeat-x;font-weight:bold;height:24px;line-height:24px;letter-spacing:1px;color:#555F73;}
.on td{background:#DFEFFA;}
.nv table{width:300px;}
.nv td{text-align:center;padding:3px;}
.nv th{background:#EEEEEE;}
.sbt{padding:20px 0 20px 180px;}
.btn{background:url('btn.gif') no-repeat;color:white;border:none;width:65px;height:20px;vertical-align:middle;text-align:center;cursor:pointer;line-height:18px;line-height:20px\9;_line-height:23px;*line-height:23px;padding-bottom:2px !important;}
.btns{padding:8px;background:#F1F2F3;border-bottom:white 1px solid;}
/* basic */
.f_l{float:left;}
.f_r{float:right;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.f_b{font-weight:bold;}
.f_white{color:white;}
.f_gray{color:#666666;}
.f_orange{color:#FF6600;}
.f_red{color:red;}
.f_hid{color:#F0F2F7;}
.f_green{color:green;}
.f_blue{color:blue;}
.f_fd{font-family:Fixedsys,verdana;}
.f_price {font-weight:bold;color:#FF6600;}
.px10{font-size:10px;-webkit-text-size-adjust:none;}
.px11{font-size:11px;-webkit-text-size-adjust:none;}
.b5{height:5px;font-size:1px;line-height:5px;}
.b10{height:10px;font-size:1px;line-height:10px;}
.c_p{cursor:pointer;}
.c_b{clear:both;}
.dsn{display:none;}
.jt{color:#006699;cursor:pointer;}
.hinp{border:none;width:98%;background:url('spacer.gif');height:18px;}
.hinp_on{border:#84A1BD 1px solid;width:98%;height:16px;}
.mods li{width:90px;height:25px;float:left;}
.highlight {background:yellow;}
/* pages */
.pages{padding:10px 0 10px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active{color:#004499;background:white;border:#9AAFE5 1px solid;padding:1px;text-decoration:none;}
.pages a:hover{background:white;border:#2E6AB1 1px solid;color:#FF6600;padding:1px;text-decoration:none;}
.pages strong{background:#2E6AB1;padding:1px;border:#1D589E 1px solid;color:white;}
.pages_inp{border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn{width:26px;background:#F1F7FC;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label{background:white;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em{color:red;font-weight:bold;font-style:normal;}
.pages label span{font-weight:bold;}
.pages cite {font-style:normal;}
.property_h{border-bottom:white 1px solid;text-align:left;background:url('spacer.gif');color:#006699;font-weight:bold;padding-left:15px;}
.property_l{padding:0 20px 0 20px;color:#006699;}
/*Dialog*/

#Dtop{border-right:#CCCCCC 3px solid;border-bottom:#CCCCCC 3px solid;}
#Dtop .dbody{border:#09c 1px solid;background:#EBF0F6;}
#Dtop .dhead{ height: 40px; text-indent: 1em; line-height: 40px; background: #09c; color: white; cursor: pointer; letter-spacing: normal; cursor:move; -moz-user-select:none; -khtml-user-select:none; user-select:none; }
#Dtop .dhead span{float:right;cursor:pointer;display:block;width:26px;height:26px;background:url('close.gif') no-repeat center center;margin-top: 7px;}
#Dtop .dbox{padding:8px;overflow:hidden;line-height:200%;clear:both;}
#Dtop .dsize{height:11px;font-size:1px;}
#Dtop .dsize div{height:11px;width:11px;background:url('resize.gif') no-repeat;cursor:se-resize;font-size:1px;float:right;}
.perc{height:9px;line-height:9px;font-size:1px;background:white;border:#EA7211 1px solid;text-align:left;}
.perc div{height:9px;line-height:9px;font-size:1px;background:url('percent.gif') repeat-x;}

/*left*/
.bar{ width:25px; background:#E3ECF7 url('bar.jpg') repeat-y; cursor:pointer; display: none;}
.bartop{ background:#3B95C8; height: 40px; color: white; font-size: 14px; line-height: 40px; padding-right: 15px;}
.barmain{ background: #f0f9fd; background: url(leftline.gif) #f0f9fd repeat-y right; border-right: 1px solid #003399; }
.barmain a:link,.barmain a:visited,.barmain a:active{text-decoration:none;color:#000000;}
.barmain a:hover{color: white;text-decoration: none;}
#menu dl{margin:0 0 5px 0;font-size: 13px;}
#menu dt{background:url('folder.gif') no-repeat 15px center;cursor:pointer;padding-left:35px;line-height:22px;height:22px;letter-spacing: 1px;}
#menu .dt_on{background:#D3EFF8 url('folder.gif') no-repeat 15px center;cursor:pointer;padding-left:35px;line-height:22px;height:22px;}
#menu dd{background:url('node.gif') no-repeat 35px center;padding-left:55px;line-height:22px;height:22px;margin-left:0px;}
#menu dd a{width:100%;display:block;}
#menu .dd_on{background:#000080 url('node.gif') no-repeat 35px center;padding-left:55px;line-height:22px;height:22px;margin-left:0px;}
#menu .dd_on a:link,#menu .dd_on a:visited,#menu .dd_on a:active,#menu .dd_on a:hover{color:white;text-decoration:none;}

#menu .dd_on,#menu dd:hover{background: #3B95C8 url('node.gif') no-repeat 32px center;line-height: 30px;color: white; height:30px;border-left: 3px red solid;}
#menu dd{ height:30px; line-height:30px;}


/*side*/
.side{width:7px;height:100%;font-size:1px;background:#E3ECF7 url('side.gif') repeat-y;cursor:pointer;}
.side_on{width:7px;height:51px;background:url('side_off.gif') no-repeat 1px center;}
.side_off{width:7px;height:51px;background:url('side_on.gif') no-repeat 1px center;}
#msgbox{z-index:1000;position:absolute;background:url('msgbox.gif') no-repeat;top:8px;right:1px;height:18px;overflow:hidden;color:white;padding:2px 15px 0 20px;line-height:15px;letter-spacing:1px;cursor:pointer;}

/*top.html*/
.header{height:88px;}
.topleft{height:88px;background:url(topleft.jpg) no-repeat;float:left; width:300px;}
.topleft img{margin-top:12px;margin-left:10px;}
.topright{height:88px;background:url(topright.jpg) no-repeat right;float:right;}
.nav{float:left;}
.nav li{float:left;width:87px;height:88px; text-align:center;}
.nav li a{display:block;width:87px;height:88px;-moz-transition: none; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.nav li a.selected{background:url(navbg.png) no-repeat;}
.nav li a:hover{display:block;color:white;background: none repeat scroll 0% 0% rgb(43, 127, 181);}
.nav li img{margin-top:10px;}
.nav li a{display:block;}
.nav a h2{font-size:14px;color:#d6e8f1;font-weight: normal;}
.nav a:hover h2{color:white;}
.topright ul{padding-top:15px; float:right; padding-right:12px;}
.topright ul li{float:left; padding-left:9px; padding-right:9px; background:url(line.gif) no-repeat right;}
.topright ul li:last-child{background:none;}
.topright ul li a{font-size:13px; color:#E9F2F7;}
.topright ul li a:hover{color:white;}
.topright ul li span{margin-top:2px;float:left;padding-right:3px;}
.user{height:30px;background:url(ub1.png) repeat-x;clear:both;margin-top:10px;float:right; margin-right:12px;border-radius:30px;white-space:nowrap;position:relative;}
.user span{display:inline-block;padding-right:10px; background:url(user.png) no-repeat 15px 10px; line-height:30px; font-size:14px;color:#b8ceda; padding-left:20px; padding-left:35px;}
.user b{display:inline-block;width:20px;height:18px; background:url(msg.png);text-align:center; font-weight:normal; color:white;font-size:14px;margin-right:13px; margin-top:7px; line-height:18px;}
.user i{display:inline-block;margin-right:5px;font-style:normal;line-height:30px; font-size:14px;color:#B8CEDA;}







